import { defineComponent, h, renderSlot } from "vue"
import UiRadioGroup from "vue-handless-ui/src/RadioGroup"
import UiRadio from "vue-handless-ui/src/Radio"
import "./index.scss"

export let OteRadioGroup = defineComponent({
    name: "OteRadioGroup",
    components: {
        UiRadioGroup
    },
    setup(_, { slots }) {
        return () => {
            return h(UiRadioGroup, {
                class: "ote-radio-group"
            }, {
                default: () => [renderSlot(slots, "default", {})]
            })
        }
    }
})

export let OteRadio = defineComponent({
    name: "OteRadio",
    components: {
        UiRadio
    },
    setup(_, { slots }) {
        return () => {
            return h(UiRadio, {
                class: "ote-radio"
            }, {
                default: () => [h("span", {
                    class: "ote-radio-icon"
                }, []), renderSlot(slots, "default", {})]
            })
        }
    }
})